	
	body
	{
	background-image: url(../grafika/bg3.png);
	}
	
	#tabela_top
		{
			width: 906px; 
			height: 55px; 
			text-align: left; 
			margin-left: auto; 
			margin-right: auto;
			border-spacing: 0px;
			padding: 0px;
		}
		#tabela_top td
		{
			height: 53px; 
			width: 162px;
			text-align: right;
			background: url(../grafika/pasek_sur1.png);
			line-height: 200%;
		}
	 	#tabela_top img
		{
			width: 30px; 
			height: 30px;
			position: relative;
			top: 8px;
		}
		#tabela_top td:nth-child(1)
		{
			height: 53px; 
			width: 38px; 
			background: url(../grafika/pasek_sur0.png);
		}
		#tabela_top td:nth-child(7)
		{
			height: 53px;
			width: 56px;
			background: url(../grafika/pasek_sur0b.png);
		} 
		#tabela_glowna
		{
			text-align: left; 
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			border-spacing: 0px;
			padding: 0px;
		}
 
		#tabela_glowna tr:first-child span , #tabela_glowna tr:nth-child(2) span 
		{
			   
		}
		#tabela_glowna .uno
		{
		 width: 160px;
		}
		#tabela_glowna .dos
		{
		width: 500px;
		}
		#tabela_glowna .tres
		{
		width: 250px;
		}
		
		
		#planety
		{
		width: 100%; height: 100%;  
		}
		#planety img
		{
			cursor: pointer;
		}
		
		
		.button_left
		{
			width: 150px;
			height: 32px;
			border-radius: 10px;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			margin-top: 6px;
			background: -moz-linear-gradient(top, #5baab5, #95e8fe,#5baab5);
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5baab5), to(#5baab5), color-stop(.5,#95e8fe));
			cursor: pointer;
			line-height: 200%;
			color: #005500;
		}
		.button_left:hover
		{
			background: -moz-linear-gradient(top, #95e8fe, #5baab5,#95e8fe);
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#95e8fe), to(#95e8fe), color-stop(.5,#5baab5));
			color:black;
		}
		.button_left span
		{
			 font-size: 19px;

			 text-shadow: black 0px 0px 1px;
		}
 
	.button_panel
	{
			width: 55px;
			height:24px;
			color: green;
			line-height: 150%;
			border-radius: 6px;
			text-align: center;
			background: -moz-linear-gradient(top, #5baab5, #95e8fe,#5baab5);
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5baab5), to(#5baab5), color-stop(.5,#95e8fe));
			cursor: pointer;
			color: black;
	}
	.button_panel:hover
	{
			background: -moz-linear-gradient(top, #95e8fe, #5baab5,#95e8fe);
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#95e8fe), to(#95e8fe), color-stop(.5,#5baab5));
			color: green;
	}
	.button_panel span
	{
		font-size: 14px;
		text-shadow: black 0px 0px 1px;
	}
	
		.button_panel_inactive
	 {
			width: 55px;
			height:24px;
			color: green;
			line-height: 150%;
			border-radius: 6px;
			text-align: center;
			background: -moz-linear-gradient(top, #808080, #c0c0c0,#808080);
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#808080), to(#808080), color-stop(.5,#c0c0c0));
			cursor: pointer;
			color: black;
	}
	.button_panel_inactive span
	{
		font-size: 14px;
		text-shadow: black 0px 0px 1px;
	}
	
	#table_main_duza
	{
		width: 100%; height: 100%;
		border-spacing: 0px;
		padding: 0px;
		display: table;
	}

	#table_main_duza_top
	{
		background: url(../grafika/tlo4_up.png);
		height: 7px;
	}
	#table_main_duza_bottom
	{
		background: url(../grafika/tlo4_down.png);
		height: 7px;
	}
	#table_main_duza_left
	{
		background: url(../grafika/tlo4_left.png);
		width:11px;
	}
	#table_main_duza_right
	{
		background: url(../grafika/tlo4_right.png);
		width:11px;
	}
	#obie_mapy
	{
		width: 478px; height: 486px;position: absolute;
	}
	
#table_main_panel
	{
		width: 100%; height: 100%;
		border-spacing: 0px;
		padding: 0px;
		display: table;
	}
	#table_main_panel_up
	{
		background: url(../grafika/tlo3_up.png);
		height: 7px;
	}
	#table_main_panel_down
	{
		background: url(../grafika/tlo3_down.png);
		height: 7px;
	}
	#table_main_panel_left
	{
		background: url(../grafika/tlo3_left.png);
		width:11px;
	}
	#table_main_panel_right
	{
		background: url(../grafika/tlo3_right.png);
		width:11px;
	}
		#zaznaczone_panel
		{
			width: 228px; 
			height: 486px; 
			background: url(../grafika/table_tlo.png);
		}
 
	 #zaslon_loader
	 {
		z-index: 90; 
		width: 100%; 
		height: 100%; 
		background: black; 
		position: absolute;
	 }
	 
	 #loader_mapa
	 {
		width: 60%;
		height: 60%;
		position: relative;
		top: 20%;
		margin: auto;
		color: white;
		font-weight: bold;
	 }
	 #loader_mapa tr
	 {
		height: 10%;
	 }
	 